Skip to main content link. Accesskey S
  • Help
  • HCL Logo
  • HCL Notes and Domino Application Development wiki
  • THIS WIKI IS READ-ONLY. Individual names altered for privacy purposes.
  • HCL Forums and Blogs
  • Home
  • Product Documentation
  • Community Articles
  • Learning Center
  • API Documentation
Search
Community Articles > 日本語 - Japanese > 「リッチテキスト」フィールドの実現方法
  • Share Show Menu▼
  • Subscribe Show Menu▼

Recent articles by this author

XPages アプリケーションで Embedded Experience メールを実現する

XPages アプリケーションを Embedded Experience メールで利用する際の実現方法の解説です。

Embedded Experience メールを試す

IBM NotesDomino 9.0 Social Edtion で XPages を利用した Embedded Experience メールの実現方法です。

How to use OpenSocial Gadgets in IBM Notes

IBM Notes 9.0 enables you to use OpenSocial Gadgets on our business. This document describes how to use OpenSocial Gadgets in IBM Notes 9.0.

IBM iNotes で OpenSocial Gadgets を利用する

IBM iNotes で OpenSocial Gadgets を利用する際の設定方法です。

IBM Notes で OpenSocial Gadgets を利用する

IBM NotesDomino 9.0 Social Edition から利用可能になった OpenSocial Gagdtes を利用する際の設定方法です。
Community article「リッチテキスト」フィールドの実現方法
Added by ~Anita Bregeromanli on April 25, 2012 | Version 1
  • Actions Show Menu▼
expanded Abstract
collapsed Abstract
従来型の Lotus Notes/Domino アプリケーションにおける「リッチテキスト」フィールドの表現を XPages のビューコントロールを用いて実現する方法
Tags: XPages, 九州地区ノーツパートナー会
ShowTable of Contents
HideTable of Contents
  • 1 フィールドの実現方法「リッチテキスト」
    • 1.1 適用方法
    • 1.2 エディターのスタイル
    • 1.3 「ファイルのアップロード」と「ファイルのダウンロード」コアコントロール
    • 1.4 オプション
  • 2 その他

フィールドの実現方法「リッチテキスト」



XPageにて 「リッチテキスト」を実現する場合、コアコントロール[リッチテキスト]を使用する。

 ただ、XPage上のリッチテキストは、直接添付ファイルをこのコントロールから添付することができない為、

添付ファイルを必要とするような場合には、「ファイルのアップロード」、「ファイルのダウンロード」コントロールを別途配置する必要がある。



適用方法


1.フィールドの配置

XPage上でコアコントロールから[リッチテキスト]を表示させたい場所へドラッグする。

2.名前の入力

[プロパティ]-[リッチテキスト]-[名前]にフィールド名に該当する「名前」を入力する。


3.ブラウザで確認


ブラウザで参照すると入力項目が表示されることが確認できる。

エディターのスタイル


Notes/Domino 8.5.2 よりWYSIWYGエディターとしてCKEditorが採用されており、リッチテキストのコントロールで使用されている。

これにより、使用用途に合わせて、エディターのスタイルを変更できる。( [プロパティ]-[Dojo] に設定。)


      ◆設定内容

名前値イメージ
toolbarType
Medium
【表示アイコン】
  • フォント名
  • フォントサイズ
  • 太字/斜体/下線/取り消し線
  • テキストの色/背景色
  • 左揃え/中央揃え/右揃え/行末揃え
  • 番号/黒丸
  • インデント/アウトデント
  • 貼り付け
  • 文字検索
  • イメージの挿入
  • 表の作成
  • リンク
  • エモティコン挿入
  • 画面の最大化
Slim
【表示アイコン】
  • 太字/斜体/下線/取り消し線
  • テキストの色
  • 番号/黒丸
  • イメージの挿入
  • リンク
  • エモティコン挿入
Large
【表示アイコン】
  • 段落の書式
  • フォント名
  • フォントサイズ
  • 太字/斜体/下線/取り消し線
  • テキストの色/背景色
  • 左揃え/中央揃え/右揃え/行末揃え
  • 番号/黒丸
  • インデント/アウトデント
  • 下付文字/上付文字
  • フォーマット設定の削除
  • 貼り付け
  • 元に戻す/やり直し
  • 文字検索
  • イメージの挿入
  • 表の作成
  • リンク
  • 改ページの挿入/改行の挿入
  • 特殊文字の入力
  • 引用のブロック/ブロックの表示
  • エモティコン挿入
  • 画面の最大化

「ファイルのアップロード」と「ファイルのダウンロード」コアコントロール


添付ファイルを必要とする場合は、「ファイルのアップロード」、「ファイルのダウンロード」コントロールを別途配置する。

1.フィールドの配置

XPage上でコアコントロールから[ファイルのアップロード]、[ファイルのダウンロード]を表示させたい場所へドラッグする。

2.名前の入力

[プロパティ]-[ファイルのアップロード]([ファイルのダウンロード])-[名前]にフィールド名に該当する「名前」を入力する。

3.データバィンディングの設定

[ファイルのアップロード]と[ファイルのダウンロード]の両方の[プロパティ]-[データ]内に同じフィールドを

バインド先として設定する。



4.ブラウザで確認

ブラウザで参照するとアップロード用の「参照」ボタンとアップロードが表示されていることが確認できる。

◆「参照」ボタン

 「参照」ボタンから添付ファイルを選択できる。

 


◆値の更新後の動作

 値の更新が行われると[ファイルのダウンロード]欄に添付したファイルの一覧が表示できる。

 


オプション


その他、XPageで指定が可能な項目を以下に記述する。
項目
内容
[ファイルのアップロード]-[アップロードファイルのファイル名を次の名前に置換]アップロードするファイルの名前を固定のファイル名に置換できる。
[ファイルのダウンロード]-[添付ファイルがない場合は非表示]添付ファイルがない場合に、ファイルのダウンロードを非表示とする。
[ファイルのダウンロード]-[表示するオプション列を選択][サイズ]、[更新日時]、[種類]、[作成日]、[削除を許可]から選択できる。

[削除を許可]とした場合、ごみ箱アイコンクリックで添付ファイルの削除を行える。


その他



<調査環境>
Lotus Domino Designer 8.5.2
Microsoft Internet Explorer 8

その他の「フィールド」についてはこちらを参照してください

この記事は九州地区ノーツパートナー会技術部会(リコー IT ソリューションズ 株式会社)によって作成されました。

  • Actions Show Menu▼


expanded Attachments (0)
collapsed Attachments (0)
Edit the article to add or modify attachments.
expanded Versions (1)
collapsed Versions (1)
Version Comparison     
VersionDateChanged by              Summary of changes
This version (1)Apr 25, 2012, 7:51:10 AM~Anita Bregeromanli  
expanded Comments (0)
collapsed Comments (0)
Copy and paste this wiki markup to link to this article from another article in this wiki.
Go ElsewhereStay ConnectedAbout
  • HCL Software
  • HCL Digital Solutions community
  • HCL Software support
  • BlogsDigital Solutions blog
  • Community LinkHCL Software forums and blogs
  • About HCL
  • Privacy
  • Accessibility